@charset "utf-8";
/* CSS Document */
html {
    font-size: 62.5%;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, menu, nav, section,
summary {
    font-size: 12px;
    font-size: 1.2rem;
    font-size: 1.4rem;
    font-family: "Microsoft Yahei";
    color: #464656;
    margin: 0;
    padding: 0;
    border: 0;
}

ul, li {
    list-style: none;
}

img {
    border: none;
}

a {
    color: #333;
    text-decoration: none;
}

a:visited, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

img, input {
    border: 0;
    display: inline-block;
    outline: none;
}

input[type="password"] {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 !important;
}

label {
    display: inline-block;
    margin-bottom: 0 !important;
    line-height: 30px;
    font-weight: normal !important;
}

.yx-label {
    width: 70px;
    text-align: right;
}
a,button,.btn{
    outline:none;
}
.btn {
    text-shadow: none;
    padding: 5px 12px;
    border: none;
}

.btn:hover {
    color: #fff;
}

.btn:active {
    box-shadow: none;
}

.tablesaw td .btn, .tablesaw tbody th .btn, .tablesaw tbody th button {
    margin: 0 0 4px 0;
}

.table > thead > tr > th {
    border: 1px #fff solid;
    border-bottom: none;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}

.table tbody td {
    font-size: 13px;
    overflow: hidden;
}

.table-striped > tbody > tr:nth-of-type(2n+1),
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #f5fafb;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}

select, input {
    border: 1px #e1e1e1 solid;
    margin-bottom: 0;
    border-radius: 0;
}

select {
    padding-left: 2px !important;
    padding-right: 5px !important;
}

textarea {
    border-radius: 0;
    border: 1px solid #e1e1e1;
    box-shadow: none;

}

input[type="radio"]:checked, option:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(120, 219, 136, 0.8);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: none;
}

input[type="text"], input[type="password"] {
    margin-bottom: 0;
    border: 1px solid #e1e1e1;
    line-height: 20px !important;
    height: auto;
    box-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
}

input, textarea, .uneditable-input, select {
    width: 220px;
}

select > option:focus {
    background-color: rgba(120, 219, 136, 0.8);
}

.not-set {
    font-style: normal;
}

/*日期插件*/
.xdsoft_datetimepicker {
    border-color: rgba(120, 219, 136, 0.8);
}

/*表单中的多行文本域*/
.edui-default .edui-editor-toolbarboxouter {
    border-bottom: 1px solid #e1e1e1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.edui-default .edui-editor {
    border: 1px solid #e1e1e1 !important;
    border-radius: 0 !important;
}

.edui-default .edui-editor-bottomContainer td:nth-child(2) {
    border-right: none !important;
}

.edui-default .edui-editor-bottomContainer td {
    color: #999 !important;
    font-family: "Microsoft YaHei" !important;
    border: none !important;
    border-top: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;

}

.edui-default .edui-editor-breadcrumb {
    margin: 0 0 0 3px !important;
    font-size: 12px;
    color: #999 !important;
}

.edui-default .edui-editor-wordcount {
    margin: 0 3px 0 0 !important;
}

.edui-default .edui-editor-toolbarbox {
    box-shadow: none !important;
}

/*带搜索的下拉框*/
.select2-container--krajee .select2-selection--single {
    padding: 6px 5px !important;
    height: 30px !important;
    line-height: 14px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin: 0!important;
}

.select2-results__option {
    height: 30px !important;
    line-height: 18px !important;
}

.select2-container--krajee {
    width: 220px !important;
}

.select2-container--krajee .select2-selection {
    border-color: #e1e1e1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus,
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus{
    box-shadow: none !important;
    border-color: #76dd89 !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    position: absolute;
    height: 28px !important;
    top: 1px;
    right: 1px;
    width: 30px !important;
    border: none !important;
    background: url(../images/arrow.jpg) no-repeat center !important;
    border-radius: 0 !important;
}

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url(../images/arrow1.jpg) no-repeat center !important;
}

.select2-results__option--highlighted {
    background: #fffec3 !important;
    color: #636363 !important;
}

.select2-container--krajee.select2-container--open, .select2-container--krajee .select2-dropdown {
    border-color: #76dd89 !important;

}

.select2-container--krajee .select2-search--dropdown .select2-search__field {
    height: 26px !important;
    box-shadow: none !important;
    border: 1px solid #e1e1e1 !important;

}
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    padding: 0 6px!important;
    box-shadow:none;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #76dd89 !important;

}

.select2-selection__arrow b {
    display: none;
}
.yx-batch-recovery input[type="search"]{
    width:220px!important;
    margin-bottom:0!important;
    border-radius:0;
    background:url(../images/arrow.jpg) no-repeat right!important;
}
.yx-batch-recovery li{
    line-height:30px;
}
.yx-batch-recovery .select2-container--krajee .select2-selection{
    border:none;

}
.yx-batch-recovery .select2-container .select2-search--inline .select2-search__field{
    border: 1px solid #e1e1e1 !important;
}

.yx-batch-recovery .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    margin:0 5px 5px 0;
}
/*表单中的上传图片列表*/
/*表单中的图片框*/
.webuploader-container {
    height: 100px;
}

.webuploader-pick-hover {
    background: #fff;
}

.containdiv {
    width: 100px;
    border: 1px solid #e1e1e1 !important;
    display: inline-block;
}

#image-upload-multiple {
    padding: 0 20px 0 0;
}

#image-upload-multiple fieldset {
    position: relative;
    width: 60%;
}

#image-upload-multiple legend {
    position: absolute;
    left: 5px;
    top: -7px;
    width: 72px;
    font-size: 1.4rem;
    color: #50c9a8;
    background: #fff;
    line-height: 1;
}

#image-upload-multiple .name-tip {
    width: 225px;
    background: none !important;
}

#image-upload-multiple .name-tip .icon-actionwarning {
    font-size: 23px;
    vertical-align: sub;
    color: #fe6161 !important;
}

.edui-default .edui-dialog-body {
    padding: 0 !important;
}

.edui-default .edui-dialog-shadow {
    border-radius: 0 !important;
    border: 1px #e1e1e1 solid !important;
}

.edui-default .edui-dialog-titlebar {
    height: 42px !important;
    padding: 0 80px 0 20px;
    background: #7ecdf4 !important;
    border: none;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.edui-default .edui-dialog-caption {
    font-size: 14px !important;
    color: #fff !important;
    line-height: 42px !important;
    font-weight: normal !important;
    padding-left: 0 !important;
}

.edui-default .edui-dialog-closebutton .edui-button-body {
    margin-top: 7px !important;
}

.edui-default .edui-dialog-buttons .edui-button .edui-button-body {
    background: #57d9ad !important;
    border-radius: 50px !important;
    border: none !important;
    height: 30px !important;
    min-width: 60px !important;

}

.edui-default .edui-dialog-buttons .edui-cancelbutton .edui-button-body {
    background: #626262 !important;

}

.edui-default .edui-dialog-buttons .edui-label {
    color: #fff !important;
    line-height: 30px !important;
}

/*
.layui-layer-btn .layui-layer-btn0 {
    border-color: #50c9a8!important ;
    background-color:#50c9a8!important ;
    color: #fff;
    border-radius:50px;
}
.layui-layer-btn a{
    color: #fff!important;
    background: #626262!important;
    border:none!important;
    border-radius:50px!important;
}
*/
.yx-choose-img1 {
    color: #fff !important;
    background: #50c9a8 !important;

}

.form-group {
    margin-bottom: 10px !important;
}

.close:hover, .close:focus {
    color: #7ecdf4;
    opacity: 1;
    filter: alpha(opacity=100)
}

.controls > .radio, .controls > .checkbox {
    padding-top: 5px;
}

.clear {
    clear: both
}

.mf15 {
    margin-left: 15px !important;
}

.zx-click-bg {
    background-color: #6cd781 !important;
}

.zx-lh28 {
    line-height: 28px
}

.zx-lh24 {
    line-height: 24px;
    padding: 0
}

.zx-arrangement-search-mg {
    margin: 15px 0
}
.yx-arrangement-tab{
    min-width:223px;
}
.yx-nomargin {
    margin: 0 !important;
}

.yx-mr0 {
    margin-right: 0 !important;
}

.yx-nopadding {
    padding: 0 !important;
}

.yx-pr0 {
    padding-right: 0;
}

.yx-floatl {
    float: left;
    display: inline;
}

.yx-floatr {
    float: right;
    display: inline;
}

.yx-clear {
    clear: both;
}

.zx-field-floatl {
    float: left;
    width: 60% !important;
}

.zx-label {
    width: 22% !important;
    float: left;
    margin-right: 20px;
    text-align: right;
    line-height: 30px;
    font-weight: normal;
}

.hint-block {
    color: #999;
    line-height: 24px;
    padding-left: 20px;
    margin-top: 0 !important;
    margin-left: 10px;
    display: inline;
    background: url(../images/msg_bg.png) no-repeat 0 -147px;

}

.form-control {
    border: 1px #e1e1e1 solid !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.help-block {
    color: #ff6766 !important;
    /*display: initial !important;*/
}

.yx-radius2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.yx-radius3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.yx-radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.yx-radius15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
}

.yx-radius50 {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}

.yx-input-border {
    border: 1px #76de89 solid;
}

.yx-input-bg {
    background: url(../images/arrow1.jpg) no-repeat center;
}

/*分页*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #57d9ad!important;
    border-color: #57d9ad!important;
}

.pagination > li > a, .pagination > li > span {
    margin: -1px 0 0 -1px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li.last > a, .pagination > li.last > span {
    border-radius: 0;
    padding: 6px 5px;
    margin-left: -1px;

}

/*顶部下拉列表*/
.border-after {
    position: absolute;
    z-index: 9999999999;
    top: 40px;
    right: 114px;
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    display: none;
}

.border-before {
    position: absolute;
    z-index: 9999999999;
    top: 38px;
    right: 113px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eee;
    border-left: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    display: none;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

/*添加内容表单*/
.yx-add-form {
    padding: 20px 36px;
}

/*****字体路径****/
@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1472031847'); /* IE9*/
    src: url('../font/iconfont.eot?t=1472031847#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff?t=1472031847') format('woff'), /* chrome, firefox */ url('../font/iconfont.ttf?t=1472031847') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg?t=1472031847#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-information:before {
    content: "\e6f0";
}

.icon-add:before {
    content: "\e6ef";
}

.icon-subtime:before {
    content: "\e6ee";
}

.icon-subteacher:before {
    content: "\e6ed";
}

.icon-substage:before {
    content: "\e6ec";
}

.icon-subsendcard:before {
    content: "\e6eb";
}

.icon-subscholarship:before {
    content: "\e6ea";
}

.icon-subrole:before {
    content: "\e6e9";
}

.icon-suborderactivity:before {
    content: "\e6e8";
}

.icon-submusicmarket:before {
    content: "\e6e7";
}

.icon-submemactivity:before {
    content: "\e6e6";
}

.icon-subcourse:before {
    content: "\e6dd";
}

.icon-subculturalmarket:before {
    content: "\e6de";
}

.icon-subenvelope:before {
    content: "\e6df";
}

.icon-subgetcard:before {
    content: "\e6e0";
}

.icon-subgoodsactivity:before {
    content: "\e6e1";
}

.icon-subgroup:before {
    content: "\e6e2";
}

.icon-subinfomation:before {
    content: "\e6e3";
}

.icon-sidebar-97:before {
    content: "\e6e4";
}

.icon-subintegral:before {
    content: "\e6e5";
}

.icon-sidebar-586:before {
    content: "\e6dc";
}

.icon-subadministrator:before {
    content: "\e6db";
}

.icon-subaddress:before {
    content: "\e6da";
}

.icon-subaddmember:before {
    content: "\e6d9";
}

.icon-subaddarrang:before {
    content: "\e6d8";
}

.icon-subactivity:before {
    content: "\e6d7";
}

.icon-nvagoodson:before {
    content: "\e6d6";
}

.icon-sidebar-303:before {
    content: "\e6d5";
}

.icon-sidebar-355:before {
    content: "\e6d4";
}

.icon-actionwarning2:before {
    content: "\e6cb";
}

.icon-navactivity:before {
    content: "\e6cc";
}

.icon-sidebar-4:before {
    content: "\e6cd";
}

.icon-sidebar-88:before {
    content: "\e6ce";
}

.icon-sidebar-3:before {
    content: "\e6cf";
}

.icon-sidebar-6:before {
    content: "\e6d0";
}

.icon-sidebar-454:before {
    content: "\e6d1";
}

.icon-sidebar-139:before {
    content: "\e6d2";
}

.icon-sidebar-279:before {
    content: "\e6d3";
}

.icon-sidebar-719:before {
    content: "\e6df";
}

.icon-sidebar-724:before {
    content: "\e6e3";
}

.icon-actionwarning:before {
    content: "\e6ca";
}

.icon-actionup:before {
    content: "\e6c9";
}

.icon-actionuncache:before {
    content: "\e6c8";
}

.icon-actionturnoff:before {
    content: "\e6c7";
}

.icon-actionsolidcheck:before {
    content: "\e6c6";
}

.icon-actionsearch:before {
    content: "\e6c5";
}

.icon-actionsaturation:before {
    content: "\e6c4";
}

.icon-actionpackage:before {
    content: "\e6c2";
}

.icon-actionpraise:before {
    content: "\e6c3";
}

.icon-actionaddperson:before {
    content: "\e6b9";
}

.icon-actionboy:before {
    content: "\e6ba";
}

.icon-actioncalendar:before {
    content: "\e6bb";
}

.icon-actioncheck:before {
    content: "\e6bc";
}

.icon-actioncirclecheck:before {
    content: "\e6bd";
}

.icon-actiondown:before {
    content: "\e6be";
}

.icon-actiongirl:before {
    content: "\e6bf";
}

.icon-actionlock:before {
    content: "\e6c0";
}

.icon-actionmoney:before {
    content: "\e6c1";
}

/*************************************************首页样式********************************************************************************************/
/*header*/
.yx-logo-title {
    padding: 13px 0px 0px 26px;
}

.yx-mr15 {
    margin-right: 15px;
}

.yx-clear-ram, .yx-clock, .yx-power-off, .yx-card-check, .yx-change-pass {
    width: 36px;
    height: 36px;
    background: #798df3;
    color: #fff;
    margin: 16px 14px 0 0 !important;
}

.yx-clock {
    background: #53E3F3;
}

.yx-card-check {
    background: #59e0a2;
}

.yx-change-pass {
    background: #d0f122;
}

.yx-power-off {
    background: #fb7aba;
    margin-right: 42px !important;
}

.yx-user-img {
    max-width: 36px;
    max-height: 36px;
}

.yx-user:hover {
    background: #3eab52;
}

#nav-info-dropdownlist:hover {
    background: #3da555 !important;
}

#nav-info-dropdownlist > a:hover {
    color: #fff !important;
}

#nav-info-dropdownlist .dropdown-menu a:hover {
    background: #fffec2 !important;
}

/*侧导航*/
.skin-purple .main-sidebar, .skin-purple .left-side {
    background-color: #32323f;
}

.sidebar-menu > li > a {
    padding: 8px 5px 8px 15px;
}

.skin-purple .sidebar-menu > li > a {
    color: #a9a9b1;
    background: #32323f;
    border: none;
}

.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {
    color: #fefefe;
    background: #3eab52;
    text-decoration: none;
}

.skin-purple .sidebar-menu > li > .treeview-menu {
    margin: 0;
    padding-left: 0;
    background: #1c1c26;
}

.skin-purple .treeview-menu > li > a {
    border-left: 3px #1c1c26 solid;
}

.skin-purple .treeview-menu > li > a:hover, .skin-purple .treeview-menu > li > a.active {
    color: #fff;
    background: #0f0f15;
    border-left: 3px #3eab52 solid;
    text-decoration: none;
}

.sidebar-menu li > a > .fa-angle-left {
    font-size: 18px;
}

.sidebar-menu .treeview-menu > li > a {
    padding: 6px 5px 6px 12px;
}

/*content*/

.yx-navandcnt {
    width: 100%;
}

.yx-cnt-box {
    background: #eee;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.yx-height900 {
    height: 900px;
}

.yx-li1 {
    color: #464656 !important;
    font-size: 1.8rem !important;
}

.yx-left80 {
    left: 80px !important;
}

.yx-left-80 {
    left: -80px !important;
}

.yx-left160 {
    left: 242px;
}

.yx-left0 {
    left: 0;
}

/*统计数据样式*/
/*.yx-count{height: 296px;box-sizing: border-box;background:#fff;padding:24px 36px 36px 36px;border:1px #e1e1e1 solid;}*/
.yx-count {
    height: 240px;
    box-sizing: border-box;
    padding: 24px 20px 36px 36px;
    background: #fff;
    border: 1px #e1e1e1 solid;
}

.yx-data {
    font-size: 16px;
    color: #464656;
    padding-bottom: 20px;
}

.yx-cirle {
    width: 55px;
    height: 55px;
    margin: auto;
    line-height: 40px;
}

.icon-sidebar-4,
.icon-sidebar-3,
.icon-actionuncache,
.icon-actionlock,
.icon-actionturnoff {
    font-size: 20px;
}

.yx-bgff659a {
    background: #ff659a;
}

.yx-bgbfe673 {
    background: #bfe673;
}

.yx-bgffd401 {
    background: #ffd401;
}

.yx-bg80d4ff {
    background: #80d4ff;
}

.yx-bg57d9ad {
    background: #57d9ad;
}

.yx-bg99a6e7 {
    background: #99a6e7;
}

.yx-unit {
    position: absolute;
    bottom: 16px;
}

.yx-left59 {
    left: 59%;
}

.yx-left62 {
    left: 62%;
}

.yx-left69 {
    left: 69%;
}

.yx-left73 {
    left: 73%;
}

.yx-left58 {
    left: 58%;
}

.yx-line-chart canvas {
    width: 100% !important;
}

.yx-line-chart div {
}

/* Column Grids */
.col_half {
    width: 49%;
}

.col_third {
    width: 32%;
}

.col_fourth {
    width: 23.5%;
}

.col_fifth {
    width: 16%;
    float: left;
    margin-right: 1%;
    display: inline-block;
}

.zx_fs12 {
    font-size: 12px;
}


.col_sixth {
    width: 16%;
}

.col_three_fourth {
    width: 74.5%;
}

.col_twothird {
    width: 66%;
}

.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_sixth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin-right: 19px;
    margin-bottom: 20px;
}

.yx-end {
    margin-right: 0 !important;
}
@media screen and (max-width:1366px){
    .col_fifth {
        width: 18%;

    }

}
@media screen and (max-width:1024px){
    .col_fifth {
        width: 19%;

    }

}
/* Column Grids End */
.yx-count-cnt {
    width: 100%;
    position: relative;
}
.yx-counter{
    padding: 15px 0 15px 15px;
    height: 135px;
    cursor: pointer;
}
.yx-counter1 {
    background: url(../images/index-bg-icon1.png) right bottom no-repeat,-webkit-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon1.png) right bottom no-repeat,-moz-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon1.png) right bottom no-repeat,-ms-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon1.png) right bottom no-repeat,-o-linear-gradient(left, #f87700,  #ecc55e);
    background: url(../images/index-bg-icon1.png) right bottom no-repeat,linear-gradient(left, #f87700,  #ecc55e);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #e3c7ac;
}
.yx-counter2 {
    background:  url(../images/index-bg-icon2.png) right bottom no-repeat,-webkit-linear-gradient(left, #0088f4, #73c3fe);
    background:  url(../images/index-bg-icon2.png) right bottom no-repeat,-moz-linear-gradient(left, #0088f4, #73c3fe);
    background:  url(../images/index-bg-icon2.png) right bottom no-repeat,-ms-linear-gradient(left, #0088f4, #73c3fe);
    background:  url(../images/index-bg-icon2.png) right bottom no-repeat,-o-linear-gradient(left, #0088f4, #73c3fe);
    background:  url(../images/index-bg-icon2.png) right bottom no-repeat,linear-gradient(left, #0088f4, #73c3fe);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #a2c2dd;
}
.yx-counter3 {
    background: url(../images/index-bg-icon3.png) right bottom no-repeat,-webkit-linear-gradient(left, #00bc81, #00e974);
    background: url(../images/index-bg-icon3.png) right bottom no-repeat,-moz-linear-gradient(left, #00bc81, #00e974);
    background: url(../images/index-bg-icon3.png) right bottom no-repeat, -ms-linear-gradient(left, #00bc81, #00e974);
    background: url(../images/index-bg-icon3.png) right bottom no-repeat,-o-linear-gradient(left, #00bc81, #00e974);
    background: url(../images/index-bg-icon3.png) right bottom no-repeat,linear-gradient(left, #00bc81, #00e974);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #9cd0c0;
}
.yx-counter4 {
    background:  url(../images/index-bg-icon4.png) right bottom no-repeat,-webkit-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon4.png) right bottom no-repeat,-moz-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon4.png) right bottom no-repeat,-ms-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon4.png) right bottom no-repeat,-o-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon4.png) right bottom no-repeat,linear-gradient(left, #00bc81, #00e974);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #9cd0c0;
}
.yx-counter5 {
    background: url(../images/index-bg-icon5.png) right bottom no-repeat,-webkit-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon5.png) right bottom no-repeat,-moz-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon5.png) right bottom no-repeat, -ms-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon5.png) right bottom no-repeat,-o-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon5.png) right bottom no-repeat,linear-gradient(left, #f87700, #ecc55e);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #e3c7ac;
}
.yx-counter6 {
    background: url(../images/index-bg-icon6.png) right bottom no-repeat,-webkit-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon6.png) right bottom no-repeat,-moz-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon6.png) right bottom no-repeat, -ms-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon6.png) right bottom no-repeat,-o-linear-gradient(left, #f87700, #ecc55e);
    background: url(../images/index-bg-icon6.png) right bottom no-repeat,linear-gradient(left, #f87700, #ecc55e);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #e3c7ac;
}
.yx-counter7 {
    background:  url(../images/index-bg-icon7.png) right bottom no-repeat,-webkit-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon7.png) right bottom no-repeat,-moz-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon7.png) right bottom no-repeat,-ms-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon7.png) right bottom no-repeat,-o-linear-gradient(left, #00bc81, #00e974);
    background:  url(../images/index-bg-icon7.png) right bottom no-repeat,linear-gradient(left, #00bc81, #00e974);
    background-size:38%,100%;
    box-shadow: 0 6px 10px #9cd0c0;
}

.yx-counter a:hover {
    color: #333;
}
.yx-counter span{
    color:#fff;
}

.yx-count-text {
    margin:0 0 40px 0;
    font-size: 1.8rem;
    color:#fff;
    font-weight: normal;
}
.yx-count-title {
    display: inline;
    font-size: 2.6rem;
    color:#fff;
    font-weight: normal;
    text-shadow: 1px 2px 4px #909090;

}
.fa-2x {
    color:#fff;
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
.yx-compare{
    padding-top: 2px;
    font-size:1.6rem;
    color:#fff;
}
.yx-compare img{
    margin-left:8px;
}
/*结束统计数据样式*/
/*待办事项样式*/
.yx-todo-list{
    padding:30px 30px 20px 30px;
    margin-top:20px;
    width: 100%;
    background: #fff;
    border: 1px #e1e1e1 solid;

}
.yx-todo-content{
    height: 370px;
    max-height: 370px;
    overflow-y: scroll;
}

.yx-todo-header{
    width:100%;
}

.yx-todo-header tr td{
    font-size:1.6rem;
    color:#959595;
    text-align:center;
    border:1px #ececec solid;
}
.yx-todo-header tr td:first-child,
.yx-todo-thing tr td:first-child{
    width:80px;
    text-align:center;
}


.yx-todo-header tr td:last-child{
    width:100px;
}
.yx-todo-thing tr td:last-child{
    width:100px;
    text-align:center;
}

.yx-todo-tab{
    background: #efedee;

}
.yx-todo-tab li{
    padding:10px 30px;
    height:41px;
    font-size:1.6rem;
    color:#fff;
    line-height: 1.2;
    background:#d6d6d6;
    cursor: pointer;
    border-right: 1px #ececec solid;

}
.yx-todo-tab li.active{
    color:#bebebe;
    background:#fff;
}
.yx-todo-tab li span{
    display:inline-block;
    margin-left:10px;
    width:25px;
    height:25px;
    font-size:1.6rem;
    color:#fff;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    background:#3fac53;
}

.yx-todo-thing{
    width:100%;
    border:1px #ececec solid;
    border-top:none;
    overflow-y: scroll;
}
.yx-todo-thing tr td{
    padding:10px;
    font-size:1.6rem;
    color:#959595;
    border-right:1px #ececec solid;
    border-bottom:1px #ececec solid;

}

.yx-todo-thing tr td:last-child{
    border-right:none;
}

.yx-todo-operate-btn{
    padding: 4px 12px;
    font-size: 1.4rem;
    color: #fff;
    background: #3cad55;
    cursor: pointer;
}
/*续费率统计样式*/
.yx-renew-rate {
    width: 66%;
    box-sizing: border-box;
    padding: 24px 42px 36px 36px;
    margin-right: 1%;
    background: #fff;
    border: 1px #e1e1e1 solid;
}

.yx-height490 {
    height: 490px;
}

.yx-margin18 {
    margin-top: 18px;
}

/*结束续费率统计样式*/
.yx-divide {
    position: relative;
    width: 33%;
    background: #fff;
    padding: 28px 20px 37px 20px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
}

.yx-jigou-square {
    padding: 10px 0 61px 15px;
}

.yx-jigou-square h3 {
    margin: 0 35px 0 0;
}

.yx-sx {
    position: absolute;
    margin-left: -81px;
    left: 50%;
}

.yx-fk {
    width: 14px;
    height: 14px;
    float: left;
    margin: 3px 10px 0 0;
}

.yx-bg76c6fe {
    background: #76c6fe;
}

.yx-bgbfe673 {
    background: #bfe673;
}

.yx-index-rate {
    padding: 0 0 10px 15px;
}

.yx-index-rate span {
    color: #62b4ee;
    font-size: 18px;
}

.yx-look-tabel {
    display: block;
    padding: 5px;
    margin: 13px auto 0 auto;
    color: #fff;
    width: 200px;
    border: none;
}

.yx-pie-chart canvas {
    left: -40px !important;
}

.yx-star {
    color: #e10f0f;
    margin-right: 5px;
}

/*****************************************************结束首页样式*********************************************/

/*****************************************************好评度统计（按家长）样式*****************************/
.yx-praise-box {
    background: #fff;
    border: 1px #e1e1e1 solid;
}

.zx-min-height {
    min-height: 816px;
}

.zx-goods-table {
    width: 20%;
    text-align: right;
    padding: 6px 2% 0 0;
    font-weight: normal;
    vertical-align: top;
}

/*****************************************************搜索会员样式**************************************************/
.query-box {
    width: 100%;
    padding: 20% 35%;
    text-align: center;
}

.seachInput,
.seachBtn {
    display: block;
    float: left
}

.seachBtn {
    width: 100px;
    margin-left: 10px;
    height: 30px;
    background-color: #57d9ad;
    color: #fff;
    border-radius: 3px;
    line-height: 30px;
    border: 0;
    font-size: 16px;
}

/****************************************************好评度统计（按家长）样式***************************************/
.yx-praise-box {
    background: #fff;
    border: 1px #e1e1e1 solid;
    min-height: 816px;
}

.yx-submit-box {
    padding: 25px 0 0 20%;
}

.yx-submit {
    background: #57d9ad;
    border-radius: 50px;
    border: none !important;
    height: 30px;
    line-height: 30px;
    min-width: 100px;
    color: #fff;
    text-align: center;
}

.yx-menubar {
    padding: 20px 36px;
    border-bottom: 1px #e1e1e1 solid;
}

.yx-back-list {
    margin: 10px 0 10px 36px;
    border: 0;
    padding: 5px 15px;
    background: #e5e5e5;
    color: #5c5c5c;
    cursor: pointer;
    display: inline-block
}

.yx-back-list a {
    color: #5c5c5c;
}

.yx-back-list:hover {
    color: #5c5c5c;
}

.yx-add, .yx-this-month {
    padding: 15px 40px;
}

.yx-add {
    border-bottom: 1px #fff solid;
}

.yx-tab {
    padding: 2px 10px;
    color: #fff;
    margin-top: 6px;
    display: inline-block;
}

.yx-bg78dd8c {
    background: #78dd8c;
}

.yx-bgf7 {
    background: #f7f7f7;
    height: 60px;
}

.yx-teacher-praise {
    padding: 21px 50px 0 40px;
}

.yx-teacher-praise2 {
    padding: 15px 0 0 40px;
}

.yx-praise-title {
    float: Left;
    line-height: 2.5;
    margin-right: 20px;
}

.yx-praise-rate-box {
    float: left;

}

.yx-teacher-praise3 {
    padding: 0 35px 0 12px;
    line-height: 1.2;
}

.yx-teacher-praise3 img {
    display: inline-block;
    margin: 8px 8px 0 0;
    float: left;
}

.yx-praise-rate {
    padding: 0 6px;
    color: #6cd781;
    font-size: 26px;
}

.yx-praise-list {
    text-align: center;
    width: auto;
}

caption {
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

.yx-color77dc8c {
    color: #77dc8c;
    font-size: 26px;
}

.yx-color95b5fe {
    color: #95b5fe;
    font-size: 26px;
}

.yx-colorff79c5 {
    color: #ff79c5;
    font-size: 26px;
}

.yx-colorfff {
    color: #fff;
}

.yx-praise-list td {
    padding: 8px 0;
    width: 6%;
}

.yx-praise-list tr:nth-child(even) td {
    background: #fff;
    border-right: 1px #f7f7f7 solid;
}

.yx-praise-list tr:nth-child(odd) td {
    background: #f7f7f7;
    border-right: 1px #fff solid;
}

.yx-praise-list tr:first-child td {
    background: #dff3ff !important;
}

.yx-appraise-cnt {
    padding: 17px 30px 148px 30px;
}

.yx-height56 {
    height: 56px;
}

.pub li {
    border: 1px #6cd781 solid;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left
}

.pub > li > a {
    padding: 9px 13px;
    text-align: center;
    line-height: 20px;
    border: none;
    border-radius: 0;
    margin: 0;
    cursor: pointer
}

.pub > li > a:hover, .mytable-chose {
    background: #6cd781;
    color: #fff !important;
}

.pub li:hover a {
    color: #fff !important;
    border: 0
}

.pub li.active a {
    border: 0
}

.pub li.active a:hover {
    border: 0
}

.yx-goalProgress {
    position: relative;
    padding: 0 0 0 25px !important;
}

.yx-satisfy-rate {
    position: absolute;
    right: 15px;
    top: 7px;
}

.yx-color6cd781 {
    color: #6cd781;
}

.yx-color4871ce {
    color: #4871ce;
}

.yx-color-ff79c5 {
    color: #ff79c5;
}

.yx-bg94b5ff {
    background-color: #94b5ff !important;
}

.yx-bgff79c5 {
    background-color: #ff79c5 !important;
}

.yx-class-list-praise {
    width: 240px;
    margin-right: 30px;
    margin-top: 60px;
    padding: 70px 24px 15px 24px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    position: relative;
}

.yx-class-list-praise img {
    width: 40%;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: -50px;
}

.yx-class-list-praise ul {
    padding-bottom: 12px;
    display: block !important;
}

/*.yx-class-list-praise ul li{line-height:25px;}*/

/*结束选项卡样式*/

/******************************************************结束好评度统计（按家长）样式******************************/
/******************************************************好评度统计（按老师）样式**************************/
.yx-bgf7f7f7 {
    background: #f7f7f7;
}

.yx-function {
    padding: 15px 72px;
    box-sizing: border-box;
    float: right;
}

.yx-function form {
    display: inline-block;
}

.yx-function label {
    float: left;
}

.yx-input-text {
    border: 1px #e1e1e1 solid;
    height: 26px;
    margin-left: 12px;
    padding: 0 10px;
    color: #C5C2C2;
}

.yx-search {
    background: #57d9ad;
    border: none;
    color: #fff;
    padding: 5px 18px;
    margin-left: 18px;
    display: inline-block;
    float: left;
}

.yx-search1 {
    background: #57d9ad;
    border: none;
    color: #fff;
    padding: 5px 18px;
    margin-left: 18px;
    display: inline-block;
}

.yx-skip-page {
    background: #57d9ad;
    border: none;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
}

.yx-toptolow {
    background: #c4ddfc;
    border: none;
    color: #6e8baf;
    padding: 5px 18px;
    margin-left: 14px;
    display: inline-block;
    cursor: pointer;
}

.yx-lowtotop {
    background: #e5e5e5;
    border: none;
    color: #5c5c5c;
    padding: 5px 18px;
    margin-left: 6px;
    display: inline-block;
    cursor: pointer;
}

.yx-praise-list-box {
    padding: 15px 0 10px 0;
    min-height: 816px;
    overflow: hidden;
}

.yx-praise-list-box1 {
    padding: 20px 20px 20px 20px;
}
.yx-add-content-box{
    padding-top:30px;
}
.list-boxs {
    padding: 10px 20px 0;
}

.yx-img-bg {
    position: relative;
    background: #f7f7f7;
    width: 37%;
    height: 178px;
    padding-top: 100px;
    box-sizing: border-box;
}

.yx-praise-teacher {
    width: 63%;
    padding: 20px 25px 0 25px;
}

.yx-pt0 {
    padding-top: 0;
}

.yx-praise-item {
    margin-right: 20px;
    margin-bottom: 26px;
    border: 1px #e1e1e1 solid;
    float: left;
    padding-bottom: 18px;
}

.yx-praise-item:hover {
    border: 1px #76dc89 solid;
}
.yx-student-list-item{
    width:200px;
}
.yx-praise-item1 {
    width: 198px;
}

.yx-praise-item1:hover {
    border: 1px #76dc89 solid;
}

.yx-praise-item1 .yx-class-about {
    width: 78px;
}

.yx-praise-item1 .yx-width98 {
    width: 98%;
}

.yx-width318 {
    width: 318px;
}

.yx-teacher-img-box {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -35px;
    width: 90px;
    height: 70px;
}

.yx-teacher-img {
    position: absolute;
    width: 70px;
    height: 70px;
}

.yx-teacher-sex-girl,
.yx-teacher-sex-boy {
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: 0;
    right: 6px;
}

.yx-teacher-sex-girl {
    background: url(../images/sex.jpg) 2px 0 no-repeat;

}

.yx-teacher-sex-boy {
    background: url(../images/sex.jpg) -62px 2px no-repeat;

}

.yx-teacher-img1 {
    margin-bottom: -60px;
    top: 20px;
    left: 50%;
    margin-left: -35px;
}

.yx-teacher-name {
    color: #525252;
    text-align: center;
    padding: 40px 0 1px 0;
    font-size: 14px;
}

.yx-teacher-name2 {
    color: #525252;
    text-align: center;
    padding: 10px 0 1px 0;
    font-size: 13px;
}

.yx-teacher-name1 {
    padding: 10px 0 5px 0;
}

.yx-group {
    color: #8e8e8e;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}

.yx-rate {
    font-size: 24px;
    text-align: center;
    padding: 6px 0;
}

.yx-rate1 {
    font-size: 16px;
    padding-left: 5px;
}

.yx-progress1 {
    width: 100%;
    margin: 5px auto 8px auto;
}

.yx-look {
    display: block;
    width: 85%;
    margin: 25px auto 0 auto;
    background: #80d4ff;
    padding: 5px 28px;
    font-size: 14px;
    border: none;
    color: #fff;
    cursor: pointer;
}

.yx-look a {
    color: #fff;
}

.yx-padding13 {
    padding-top: 13px;
}

/********************************************************结束好评度统计（按老师）样式***********************/
/********************************************************好评度统计（按家長）样式***********************/
.yx-statistics {
    margin-top: 15px;
}

/********************************************************结束好评度统计（按家長）样式***********************/
/********************************************************好评度统计样式********************************************/
.yx-square-praise-cnt {
    margin-left: 31%;
    height: 170px;
}

.yx-padding20 {
    padding: 20px 0px 0px 0px;
}

.yx-noborder {
    border: none !important;
}

.yx-jigou-name {
    height: 43px;
    border-bottom: 1px #e1e1e1 solid;
    padding: 0px 10px;
    text-align: center;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yx-good-rate {
    padding: 4px 0 20px 0;
    text-align: center;
}

.yx-width60 {
    width: 60%;
}

.yx-width29 {
    width: 29% !important;
    margin-right: 3% !important;
}

.yx-intro {
    padding: 40px 0 23px 285px;
}

.yx-blocks {
    width: 14px;
    height: 14px;
}

.yx-rate-box {
    padding: 0px 0 39px 36px;
}

.yx-rate-box1 {
    padding-bottom: 25px;
}

.yx-width164 {
    width: 164px !important;
}

.yx-width176 {
    width: 176px !important;
}

.yx-width198 {
    width: 198px;
}

.yx-comment {
    line-height: 14px;
    margin-left: 14px;
}

.yx-comment span {
    margin-right: 15px;
}

/*环形进度条样式*/
.processingbar {
    text-align: center;
    position: relative;
    margin: auto;
    margin-top: 14px;
}

.processingbar font {
    display: block;
    width: 140px;
    height: 132px;
    line-height: 115px;
    font-size: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0;
    margin-left: -70px;
}

#processingbar14 font {
    display: block;
    width: 124px;
    height: 132px;
    line-height: 120px;
    font-size: 24px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0px 0 0 0px;
}

/***************************************************结束好评度统计样式*******************************************/
/****************************************************饱和度统计样式**********************************************/
.yx-number {
    color: #62b4ee;
    font-size: 16px;
}

/****************************************************结束饱和度统计样式************************************************/
/****************************************************饱和度统计详情样式************************************************/
.yx-width208 {
    width: 208px;
}

.yx-teacher-img2 {
    position: absolute;
    top: -41px;
    left: 50%;
    margin-left: -41px;
    border: 5px #c2ebff solid;
}

.yx-course {
    padding: 0px 0px 0px 20px;
}

.yx-course li {
    line-height: 25px;
}

.yx-rate3 {
    text-align: center;
    font-size: 24px;
}

.yx-mt50 {
    margin-top: 50px;
}

.yx-progress2 {
    width: 106px;
    margin: 10px auto 14px auto;
}

/********************************************************饱和度统计详情样式********************************************/
/********************************************************统计管理（按班级统计）样式********************************/
.yx-search-box {
    padding: 0 40px 18px 40px;
}

.yx-width80px {
    width: 80px !important;
}

/* 日期下拉框diy_select */

.diy_select {
    min-width: 100px;
    *width: 100px;
    height: 30px;
    margin: 0 0 0 5px;
    position: relative;
    float: left;
    cursor: pointer;
}

.diy_select1 {
    min-width: 94px;
    *width: 74px;
    border: 1px #76dc89 solid !important;
    height: 24px;
}

.diy_select1:hover {
    border: 1px #76dc89 solid !important;
}

.diy_select1:hover .diy_select_btn1 {
    background: url(../images/arrow2.jpg) no-repeat center;
}

.diy_select_btn,
.diy_select_txt {
    height: 100%;
    line-height: 26px;
    position: absolute;
}

.diy_select,
.diy_select_list {
    border: 1px solid #e1e1e1;
}

.diy_select_on {
    border: 1px solid #76dd89;
}

.select-text {
    height: 100%;
    width: 100%;
}

.diy_select_txt {
    width: 100%;
}

.diy_select_txt,
.diy_select_list li {
    text-indent: 10px;
    overflow: hidden;
    background: #fff;
}

.diy_select_btn {
    width: 30px;
    background: url(../images/arrow.jpg) no-repeat center;
    right: 0;
}

.diy_select_btnon {
    background: url(../images/arrow1.jpg) no-repeat center !important;
}

.diy_select_btn1 {
    background: url(../images/arrow2.jpg) no-repeat center !important;
}

.select-option {
    width: 100%;
}

.diy_select_list {
    max-height: 144px;
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 88888;
    width: 101%;
    display: none;
    background: #fff;
    overflow: auto;
}

.diy_select_list1 {
    position: absolute;
    bottom: 22px;
    top: inherit;
    left: -1px;

}

.diy_select_list li {
    /*margin: 0 5px;*/
    list-style: none;
    height: 30px;
    line-height: 30px;
    cursor: default;
    background: #fff;
}

.diy_select_list1 li {
    margin: 0;
    height: 24px;
    line-height: 24px;
    text-indent: 5px;
}

.diy_select_list li:focus,
.diy_select_list li:hover {
    margin: 0;
    /*padding: 0 5px;*/
    cursor: pointer;
    background: #fffec3;
    color: #636363;
}

.diy_select_list1 li:focus {
    margin: 0 !important;
    padding: 0;
}

/*section {*/
/*margin-top: 20%;*/
/*margin-left: 20%;*/
/*}*/
/*图片轮播样式开始*/
.yx-bg-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    display: block;
    border: 2px #eee solid;
}

.bodyCon08 {
    background: #f7f7f7;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}

.bodyCon08 .students {
    width: 1100px;
    height: 140px;
    position: relative;
}

.bodyCon08 .students p.PP {
    width: 510px;
    height: 50px;
    font-size: 16px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 300px;
}

#four_flash {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

#four_flash .flashBg {
    width: 998px;
    height: 140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#four_flash .flashBg ul.mobile {
    width: 2000%;
    height: 140px;
    position: absolute;
    top: 15px;
    left: 0;
}

#four_flash .flashBg ul.mobile li {
    float: left;
    width: 65px;
    height: 110px;
    margin: 0 13px;
    padding-top: 20px;
    color: #4f4f4f;
}

#four_flash .flashBg ul.mobile li:hover {
}

#four_flash .flashBg ul.mobile li dd {
    font-size: 13px;
    line-height: 60px;
    text-align: center;
}

#four_flash .but_left {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 42px;
    left: 33px;
    background: url(../images/left.png) no-repeat;
    cursor: pointer;
}

#four_flash .but_right {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 42px;
    right: 26px;
    background: url(../images/right.png) no-repeat;
    cursor: pointer;
}

#four_flash .but_left:hover {
    background: url(../images/left_2.png) no-repeat;
}

#four_flash .but_right:hover {
    background: url(../images/right_2.png) no-repeat;
}

/*图片轮播样式结束*/
.yx-class-box {
    padding: 0 20px 61px 36px;
}

.yx-form-group {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

#myTab li {
    border: 1px #6cd781 solid;
    margin-right: 3px;
}

.yx-nav-tabs1 {
    padding-top: 10px;
    margin-bottom: 20px;
    border: none;
}

.yx-nav-tabs2 {
    padding-top: 20px;
    margin-bottom: 20px;
    border: none
}

.yx-nav-tabs1 li {
    margin: 0 5px 4px 0;
    cursor: default;
    background: #fff;
}

.yx-nav-tabs1 li a {
    color: #555;
    margin: 0;
    border-radius: 0;
    border: none;
}

.yx-nav-tabs1 > li.active > a, .yx-nav-tabs1 > li.active > a:hover, .yx-nav-tabs1 > li.active > a:focus {
    color: #fff;
    cursor: default;
    background: #6cd781;
    border: none;
}

.yx-nav-tabs1 li.form_menu_on {
    color: #fff;
    cursor: default;
    background: #6cd781;
    border: none;
}

.yx-mb0 {
    margin-bottom: 0 !important;
}

.yx-width124 {
    width: 124px;
}

.form_menu_on {
    padding: 0 15px;
    color: #fff;
    background: #6cd781;
    border: 1px #6cd781 solid;
}

.form_menu_off {
    padding: 0 15px;
    border: 1px #6cd781 solid;
}

.yx-width150 {
    width: 150px;
}

.yx-min-width200 {
    min-width: 200px;
}

.yx-class-list {
    width: 260px;
    margin-right: 20px;
    margin-top: 60px;
    padding: 70px 15px 15px 15px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    position: relative;
    height: auto;
}

.yx-class-list img {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: -40px;
    width: 80px;
    height: 80px
}

.yx-border1 {
    border: 5px #c2ebff solid;
}

.yx-border2 {
    border: 5px #ffdae7 solid;
}

.yx-class-list ul {
    padding-bottom: 12px;
    display: block !important;
    height: auto;
}

.yx-class-list ul li {
    line-height: 25px;
}

.yx-course-time-list {
    position: relative;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
}

.yx-course-time-list1 {
    position: relative;
    height: auto;
    cursor: pointer;
}

.yx-course-time-arrow,
.yx-course-time-arrow1 {
    position: absolute;
    top: 4px;
    right: 0;
    width: 40px;
    height: 18px;
    font-size: 12px;
    line-height: 16px;
    text-align: right;

}

.yx-course-time-arrow {
    background: url(../images/collapse.png) 0 0 no-repeat;
    color: #7ecef4;
}

.yx-course-time-arrow1 {
    background: url(../images/collapse-open.png) 0 0 no-repeat;
    color: #bababa;
}

.yx-class-about {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 4px;
    width: 68px;
    color: #fff;
    text-align: center;
    float: left;
}

.yx-class-about:nth-child(even) {
    margin-right: 0;
}

.yx-classmagage-about {
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 8px;
    padding: 4px 0;
    color: #fff;
    text-align: center
}

.yx-class-list a:nth-child(even) {
    margin-right: 0;
}

.yx-width79 {
    width: 79px;
}

.yx-width44 {
    width: 44%;
}

.yx-width47 {
    width: 47%;
}

.yx-class-begin {
    width: 100%;
}

.yx-bgfbc74f {
    background: #fbc74f;
}

.yx-bg68c2f4 {
    background: #68c2f4;
}

.yx-bg67dcd6 {
    background: #67dcd6;
}

.modal-body {
    max-height: 743px;
}

.modal {
    position: fixed;
    top: 10%;
    left: 70%;
    width: 70%;
    margin-left: -350px;
    border: 1px solid #7ecdf4;
    border: 1px solid rgba(126, 205, 244, 1);
    *border: 1px solid #7ecdf4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);

}

.yx-modal1 {
    position: fixed;
    top: 52%;
    left: 50%;
    width: 190px;
    margin-left: -95px;
    border: none;
    height: 140px;
    background: #000;
    opacity: 0.7 !important;
    filter: alpha(opacity=70);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.yx-modal1.fade.in {
    top: 32%;
}

.yx-modal4.fade.in {
    top: 3%;
}

.yx-modal5 {
    width: 728px;
}

.yx-top36 {
    top: 36% !important;
}

.modal-header h3 {
    font-size: 17px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .2;
    filter: alpha(opacity=20);
}

.modal-header {
    padding: 5px 15px;
    background: #7ecdf4;
    border-bottom: none;
}

.modal-header .close {
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.modal-footer {

    background-color: #fff;
    border-top: 0;

}

.close {
    opacity: 1;
    font-size: 22px;
    font-weight: normal;
    line-height: 23px;
    color: #7ecdf4;
    text-shadow: 0 0 0 #fff;
}

.myModalLabel1 {
    color: #fff;
}

.form-horizontal .control-label1 {
    width: 70px;
    margin-right: 15px;
    float: left;
}

.yx-short-line {
    text-align: center;
    display: inline-block;
    padding-left: 8px;
}

.yx-mr25 {
    margin-right: 25px !important;
}

.yx-width180 {
    width: 180px;
}

.yx-radio1 {
    margin-top: -4px !important;
}

.yx-padding10 {
    padding: 10px 0;
}

.zx_selected {
    background-color: rgba(233, 248, 255, 0.85);
}

.zx_table_selected {
    background-color: rgba(227, 255, 246, 0.57) !important;
}

.yx-table-title-text {
    padding: 20px 0 10px 0;
}

.yx-table1 {
    border: 1px #e1e1e1 solid;
    border-top: none;
}

.yx-table2 tbody tr:active {
    background: #effff2 !important;
    border: 1px #6bd781 solid !important;
}

.yx-table2 tbody tr:active td {
    background: #effff2 !important;
    border-top: 1px #6bd781 solid !important;
}

.yx-table2 {
    border: 1px #dff3fe solid;
}

.yx-table2 tr {
    border: 1px #dff3fe solid !important;
}

.yx-table2 td {
    background: #fff !important;
    padding: 6px;
}

.yx-table5 tbody tr {
    border-top: 1px #fff solid;
}

.yx-table5-border {
    border: 1px #76dc89 solid !important;
}

.yx-table5-bg {
    color: #76dc89;
    background: #effff2 !important;
}

.yx-pay-receipt {
    padding: 20px;
}

.yx-pay-receipt tr td:first-child {
    text-align: left;
    width: 130px;
    line-height: 2;
}

.yx-pay-receipt tr td:first-child {
    text-align: left;
    width: 130px;
    line-height: 2;
}

.yx-d-card {
    background: #7ecdf4;
    color: #fff;
    padding: 1px 12px !important;
    font-size: 12px !important;
}

.yx-btn-disabled {
    font-size: 12px;
    color: #fff;
    padding: 1px 12px;
    margin-bottom: 4px;
    border-radius: 2px;
    border: none;
}

.yx-btn-disabled1 {
    color: #fff;
    padding: 4px 20px;
    border-radius: 2px;
    border: none;
}

.yx-bg50c9a8 {
    background: #50c9a8;
}

.yx-br {
    border-right: 1px #dff3fe solid !important;
}

.yx-bl {
    border-left: 1px #dff3fe solid !important;
}

.yx-table1 td {
    border: none;
}

.yx-table1 th {
    border: 1px #fff solid;
    border-bottom: none;
    font-weight: normal;
}

.yx-bgdff3fe {
    background: #dff3fe;
}

.yx-color51b462 {
    color: #51b462;
}

.yx-back, .yx-save, .yx-close1 {
    width: 100px !important;
    color: #fff;
}

.yx-back {
    background: #90bed6;
}

.yx-save {
    background: #57d9ad;
}

.yx-close1 {
    background: #626262;
}

.yx-controls {
    padding: 6px 0px 0px 22px;
}

.yx-controls1 {
    padding: 6px 0px 0px 68px;
}

/******************************************************统计管理（按班级统计样式）结束***********************************/
/******************************************************统计管理（按转化率详情样式）*************************************/
.yx-function1 {
    padding: 16px 40px;
}

.yx-width110 {
    width: 110px;
}

.yx-width152 {
    width: 152px;
}

.yx-mr14 {
    margin-right: 14px;
}

.yx-border3 {
    border: 5px #fff solid;
}

.yx-convert-rate {
    text-align: center;
    color: #8e8e8e;
    font-size: 12px;
}

.yx-convert-number {
    text-align: center;
    color: #737373;
    padding: 0px 0 12px 0;
}

.yx-color77d1f1 {
    color: #77d1f1;
}

.yx-detail {
    background: #80d4ff;
    padding: 5px 0;
    font-size: 14px;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 80%;
    margin-left: 10%;
}

.yx-height612 {
    height: 612px;
}

.yx-singe-img {
    width: 100px;
    height: 100px;
}

/********************************************************统计管理（按转化率详情样式）结束****************************/
/********************************************************统计管理（按转化率样式）********************************/
.yx-pt35 {
    padding-top: 35px;
}

.yx-pt6 {
    padding-top: 6px;
}

.yx-width217 {
    width: 217px;
}

.yx-width365 {
    width: 365px;
}

.yx-width86 {
    width: 86%;
}

.yx-font20 {
    font-size: 20px;
}

.yx-mt-66 {
    margin-top: -66px;
}

.yx-height780 {
    height: 780px;
}

/*环形进度条（半）*/
.circliful {
    position: relative;
    margin: auto;
    margin-top: 15px;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
    line-height: 130px !important;
}

.circle-info, .circle-info-half {
    color: #999;
}

.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}

/***********************************************************统计管理（按转化率样式）结束***************************/
/***********************************************************统计管理（预约统计样式）结束*******************************/
.yx-per-class {
    font-size: 16px;
    color: #4f4f4f;
    padding: 32px 0 15px 0;
}

.yx-colorfc5454 {
    color: #fc5454;
}

.table {
    border-collapse: collapse;
}

.table td, .table th {
    text-align: center;
}

.table-bordered1 td {
    border: 1px #bed69a solid;
}

.table-bordered2 td {
    border: 1px #89cbc9 solid;
}

.table-bordered3 td {
    border: 1px #fbc98e solid;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.yx-caption1, .yx-caption2, .yx-caption3 {
    font-size: 16px;
    color: #4f4f4f;
}

.yx-caption1 {
    background: #e9f5d6;
}

.yx-caption2 {
    background: #b6ebe9;
}

.yx-caption3 {
    background: #ffe3ba;
}

.yx-first-tr1 {
    background: #bed69a;
}

.yx-first-tr2 {
    background: #89cbc9;
}

.yx-first-tr3 {
    background: #fbc98e;
}

.yx-first-tr1 td, .yx-first-tr2 td, .yx-first-tr3 td {
    color: #fff;
    font-weight: bold;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
}

/********************************************************统计管理（预约统计样式）结束*******************************/
/********************************************************统计管理（分成结算统计样式）******************************/
.yx-width40 {
    width: 40px !important;
}

/*******************************************************统计管理（分成结算统计样式）结束*********************************/
/*******************************************************统计管理（会员消费统计样式）结束*********************************/
.yx-total-box {
    border: 1px solid rgb(238, 238, 238);
    padding: 10px 0px;
    margin-bottom: 10px;
}

.yx-total1 {
    padding: 0px 35px 0 25px;
}

/*******************************************************统计管理（会员消费统计样式）结束***************************/
/*******************************************************系统设置（参数设置）样式****************************/
.yx-height750 {
    height: 750px;
}

.control-label3 {
    width: 98px !important;
}

.yx-note {
    color: #488fd8;
    font-size: 12px;
}

.yx-tijiao {
    margin: 40px 0px 0px 134px;
}

.form-horizontal .control-label5 {
    width: 128px;
}

.yx-ml165 {
    margin-left: 165px !important;
}

/*******************************************************系统设置（参数设置）样式结束****************************/
/*******************************************************系统设置（管理员列表）样式****************************/
.yx-padding-bb {
    padding: 0 0 15px 20px;
    border-bottom: 1px #eee solid
}

.yx-fn-box {
    display: block;
    padding: 0 6px 10px 0;
    margin-right: 15px;
    min-width: 140px;
    height: 75px;
    background: #fbc98e;
    box-sizing: border-box;
    cursor: pointer;
}

.yx-fn {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 36px;
}

.yx-pb15 {
    padding-bottom: 15px;
}

.yx-width121 {
    width: 121px;
}

.yx-width135 {
    width: 135px;
}

.zx-width150 {
    width: 150px;
}

.zx-mgl-150 {
    margin-left: 150px;
}

.yx-diy_select_txt1 {
    width: 77.5%;
}

.yx-bg-img1 {
    background: url(../images/shenhe.jpg) 88% 0 no-repeat;
}

.yx-bg-img2 {
    background: url(../images/tingyong.jpg) 88% 0 no-repeat;
}

.yx-ml0 {
    margin-left: 0;
}

.yx-border {
    border: 5px #dff7b4 solid;
}

.yx-bg82d48c {
    background: #82d48c;
}

.yx-bga0a0a0 {
    background: #a0a0a0;
}

.yx-admin-list {
    padding: 10px 14px 0 18px;
}

.yx-width240 {
    width: 240px;
}

.yx-width300 {
    width: 300px;
}

.yx-width875 {
    width: 87.5%;
}

.yx-width90 {
    width: 90%;
}

.yx-width98 {
    width: 98%;
}

.yx-time {
    color: #a0a0a0;
    font-size: 13px;
    padding-top: 5px;
}

.yx-bg91d29a {
    background: #91d29a;
}

/***************************************************系统设置（管理员列表）样式结束****************************/
/***************************************************系统设置（权限列表）样式****************************/
.yx-bgb9e4dd {
    background: #b9e4dd;
}

.yx-bg70d0c1 {
    background: #70d0c1;
}

.yx-width92 {
    width: 92%;
}

.yx-font13 {
    font-size: 13px;
}

.zx-dialog-bg {
    background-color: #ffffff;
    padding: 15px
}

.zx-dialog-default-mg {
    margin: 15px
}

.zx-field-width {
    width: auto !important;
}

#yx-add-cnt {
    display: none;
    padding: 20px 40px 40px 40px;
    background: #f7f7f7;
    border-bottom: 1px #eee solid;
}

.yx-button-group {
    padding: 20px 0 0 106px;
}

.yx-button-group1 {
    padding: 20px 0 0 135px;
}

.yx-button-group2 {
    padding: 20px 0 0 155px;
}

.yx-pl0 {
    padding-left: 0;
}

.yx-mt10 {
    margin-top: 10px;
}

.yx-choose-img {
    background: #91d29a;
    color: #fffdff;
    border: 0;
    padding: 5px 17px;
}

/***************************************************系统设置（权限列表）样式结束****************************/
/***************************************************系统设置（权限列表-设置角色权限）样式****************************/
.yx-bgb0b0b0 {
    background: #b0b0b0;
}

.yx-pb250 {
    padding-bottom: 250px;
}

.yx-table4 {
    border-top: none;
}

.yx-table4 tr {
    border-top: 1px #e1e1e1 solid;
}

.yx-table4 thead tr:first-child {
    border: none;
}

.yx-selected {
    background: #effff2;
    border: 1px #6dd681 solid !important;
}

.yx-width108 {
    min-width: 108px;
}

.yx-width112 {
    min-width: 112px;
}

.yx-text-left1 {
    text-align: left !important;
}

.zx_mg19 {
    margin-left: 19px !important;
}

.yx-pt12 {
    padding-top: 12px !important;
}

.yx-tree-check {
    border: 1px #6cd781 solid;
}

.yx-tree-parent {
    background: #effff2 !important;
    border: 1px #6bd781 solid !important;
}

.yx-tree-child {
    background: #effff2 !important;
    border-top: 1px #6bd781 solid !important;
}

/***********************************************系统设置（权限列表-设置角色权限）样式结束****************************/

/***********************************************系统设置（积分配置管理）样式****************************/
.yx-bg6bdee8 {
    background: #6bdee8;
}

.yx-bgd2f6ec {
    background: #d2f6ec;
}

.yx-bg94d5a2 {
    background: #94d5a2;
}

.yx-bgb5b5b5 {
    background: #b5b5b5;
}

.yx-table3 {
    border: 0;
    border-bottom: 1px #f5fafb solid;
}

.yx-table3 td {
    padding: 4px 7px;
}

.yx-table3 th {
    padding: 5px 8px;
}

.yx-table3 tbody tr:nth-child(even) td {
    background: #f5fafb;
}

.yx-table3 tbody tr:nth-child(odd) td {
    background: #fff !important;
}

.yx-width500 {
    width: 500px;
}

.yx-bgfff {
    background: #fff;
}

/******************************************************系统设置（积分配置管理）样式结束****************************/
/******************************************************系统设置（消息配置管理）样式****************************/
#messageconfigitem-template_jpush,
#messageconfigitem-template_sys,
#messageconfigitem-template_wechat,
#messageconfigitem-template_mail,
#messageconfigitem-template_sms {
    width: 100%;
    margin-bottom: 0;
}

.yx-ml25 {
    margin-left: 25px !important;
}

.checkbox1 {
    margin-left: 10px;
}

.yx-color00b7ee {
    color: #00b7ee;
}

.yx-font12 {
    font-size: 12px;
}

.form-horizontal .control-label4 {
    width: 114px;
}

.yx-width480 {
    width: 480px;
}

.yx-width100px {
    width: 100px;
}

.yx-width140 {
    width: 140px;
}

.yx-mb4 {
    margin-bottom: 4px;
}

.yx-ml70 {
    margin-left: 70px !important;
}

.yx-width510 {
    width: 510px !important;
}

.zx-button-center {
    margin: 50px auto 0 auto;
    width: 335px;
}

.button_step_1 {
    display: inherit !important;
}

/*****************************************************系统设置（消息配置管理）样式结束****************************/
/*****************************************************系统设置（消息日志管理）样式****************************/
.yx-bg90c5ff {
    background: #90c5ff;
}

.yx-failure-message {
    background: #50c9a8;
    color: #fff;
    margin-left: 15px;
    padding: 7px 13px;
}

.yx-mb18 {
    margin-bottom: 18px;
}

.zx-mg {
    margin: 10px 20px 10px 20px
}

.zx-mg-floatr {
    margin: 0 40px 0 40px
}

.yx-color73bbef {
    color: #73bbef;
}

.yx-ml4 {
    margin-left: 4px !important;
}

.yx-pt0 {
    padding-top: 0;
}

/****************************************************系统设置（消息日志管理）样式结束****************************/
/****************************************************课程管理（机构管理）样式****************************/
.yx-bga1e0a9 {
    background: #a1e0a9;
}

.yx-org-list {
    display: table;
    margin: auto;
}

.yx-org-img {
    border: 1px #e1e1e1 solid;
    width: 160px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.yx-org-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}

.yx-pt18 {
    padding-top: 18px;
}

.yx-color4f4f4f {
    color: #4f4f4f;
}

.yx-state {
    color: rgb(255, 255, 255);
    padding: 2px 12px;
}

.yx-bgfe696d {
    background: #fe696d;
}

.yx-org-name {
    padding: 14px 0 10px 0;
}

.yx-logo-img {
    width: 60px;
    height: 60px;
    border: 1px #e1e1e1 solid;
}

.yx-width360 {
    width: 360px;
}

.yx-ml15 {
    margin-left: 15px !important;
}

/*********************************************************课程管理（机构管理）样式结束****************************/
/*********************************************************课程管理（教师管理）样式****************************/
.yx-bgbbc5f8 {
    background: #bbc5f8;
}

.yx-function2 {
    padding: 20px 15px 10px 20px;
}

.yx-bg-img-tuijian {
    background: url(../images/tuijian.jpg) 78% 0 no-repeat;
}

.yx-bg-img-shenhe {
    background: url(../images/shenhe.jpg) 88% 0 no-repeat;
}

.yx-width78 {
    width: 78px;
}

.yx-width218 {
    width: 218px;
}

/***********************************************************课程管理（教师管理）样式结束****************************/
/***********************************************************课程管理（教室管理）样式****************************/
.yx-bgfeaa85 {
    background: #feaa85;
}

.yx-lh22 {
    line-height: 22px;
}

.yx-lh24 {
    line-height: 24px;
}

.yx-last-list {
    width: 42px;
    height: 26px;
    box-sizing: border-box;
    padding: 0px 0px 0 13px;
    border: 1px #e8e8e8 solid;
    background: #e8e8e8;
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
}

.yx-next-list {
    width: 42px;
    height: 26px;
    box-sizing: border-box;
    padding: 0px 0px 0px 12px;
    background: #fff;
    border: 1px #c9c9c9 solid;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
}

.yx-pl10 {
    padding-left: 10px;
}

.yx-list-style {
    width: 7px;
    height: 7px;
    background: #94d5a2;
    margin-right: 4px;
    display: inline-block;
}

/**********************************************************课程管理（教室管理）样式结束****************************/
/**********************************************************课程管理（课程管理）样式****************************/
.yx-bga8e3ff {
    background: #a8e3ff;
}

/**********************************************************课程管理（课程管理）样式结束****************************/
/**********************************************************课程管理（时间管理）样式****************************/
.yx-bg96d7d9 {
    background: #96d7d9;
}

.yx-width160 {
    width: 160px;
}

.yx-choose-time {
    width: 360px;
    height: 30px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    background: #fff url(../images/time.jpg) right top no-repeat;
    color: #464656;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    cursor: pointer;
}

.yx-time-cnt {
    width: 100%;
    border: 1px #a8e4ff solid;
    background: #f8f8f8;
    padding: 1px 12px;
    position: absolute;
    top: 36px;
    left: -1px;
    z-index: 18;
    box-sizing: border-box;
}

.yx-sj {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 18px;
    top: -18px;
}

.yx-position {
    position: relative;
}

.yx-sj1 {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 115px;
    top: 18px;
    z-index: 10000;
}

.yx-hour, .yx-minute {
    padding: 0 12px;
}

.yx-arrow-top, .yx-arrow-bottom, .yx-arrow-top1, .yx-arrow-bottom1 {
    width: 18px;
    height: 12px;
    padding: 10px 0;
    margin: auto;
}

.yx-arrow-top, .yx-arrow-top1 {
    background: url(../images/time-arrow.png) 0 7px no-repeat;
}

.yx-hour-show {
    width: 140px;
    height: 30px;
    text-align: center;
    border: 1px #a8e4ff solid;
    background: #fff;
    line-height: 30px;
}

.yx-arrow-bottom, .yx-arrow-bottom1 {
    background: url(../images/time-arrow.png) 0 -60px no-repeat;
}

.yx-minute {
}

/***********************************************************课程管理（时间管理）样式结束****************************/
/***********************************************************课程管理（新增排课）样式****************************/
.yx-step {
    padding: 60px 0 60px 40px;
    height: 160px;
    width: 78%;
    box-sizing: border-box;
}

.yx-bgf9f9f9 {
    background: #f9f9f9;
}

.yx-step li {
    width: 13%;
    height: 6px;
    background: #bcbdc9;
    float: left;
    position: relative;
}

.yx-step li:active, .yx-step li:active .yx-ring, .yx-step li:active .yx-per-step, .yx-step .active {
    background: #76dc89;
}

.yx-step h4 {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
}

.yx-radius-l {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.yx-radius-r {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.yx-ring {
    width: 58px;
    height: 58px;
    background: #bcbdc9;
    z-index: 18;
    margin-left: 32%;
    margin-top: -32px;
}

.yx-per-step {
    width: 36px;
    height: 36px;
    background: #bcbdc9;
    border: 5px #f9f9f9 solid;
    z-index: 18;
    margin-left: 11px;
    display: inline-block;
    margin-top: 11px;
    color: #f9f9f9;
    text-align: center;
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
}

.yx-step-title {
    padding: 0px 65px 28px 0px;
}

.yx-step-title h3 {
    font-size: 17px;
    font-style: italic;
    color: #7e7f84;
    font-family: SimHei;
    font-weight: bold;
}

.yx-step-title span {
    font-size: 35px;
    color: rgb(98, 199, 117);
    font-style: italic;
    margin-right: 6px;
}

.yx-width150 {
    width: 150px;
}

.yx-teacher-list {
    width: 140px;
    height: 180px;
    padding: 12px 15px 15px 13px;
    box-sizing: border-box;
}

.yx-width80 {
    width: 80%;
}

.yx-modal-cnt {
    position: absolute;
    left: 50%;
    top: 60%;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-left: -95px;
}

/*步骤二样式*/
.yx-course-class {
    padding-top: 10px;
}

.yx-course-class li {
    width: 248px;
    height: 60px;
    border: 1px #e1e1e1 solid;
    margin: 0 20px 20px 0;
    float: left;
    text-align: center;
    line-height: 58px;
}

.yx-course-class li:hover, .yx-course-class .active {
    border: 1px #6cd781 solid;
}

.yx-next-step, .zx-back-step {
    width: 160px;
    height: 44px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: inline-block;
}

.yx-next-step {
    margin-right: 10px;
    background: #4fd3d1;
}

.zx-back-step {
    background: #9dd5ef;
}

.yx-goods-btn {
    width: 100px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #4fd3d1;
    margin: 0 auto;
    display: inline-block
}

/*步骤三样式*/
.radio input[type="radio"] {
    margin-left: 0;
}

/*步骤五样式*/
.yx-zhushi {
    color: #f4544c;
    padding-left: 10px;
}

.yx-bg64d979 {
    background: #64d979;
}

.yx-bg9dd5ef {
    background: #9dd5ef;
}

.yx-ml150 {
    margin-left: 150px;
}

.yx-mt15 {
    margin-top: 15px;
}

/*步骤六样式*/
.yx-step-box {
}

.yx-add-success {
    font-size: 18px;
    font-weight: bold;
    color: #bcbdc9;
    text-align: center;
    padding: 180px 0 18px 0;
}

.yx-m-auto {
    width: 90px;
    margin: auto;
}

.yx-back1 {
    width: 90px;
    background: #64d979;
    color: #fff;
}

/**********************************************************课程管理（新增排课）样式结束****************************/
/**********************************************************课程管理（排课管理）样式****************************/
.yx-batch-settlement {
    background: #67dcd6;
    border: none;
    color: #fff;
    padding: 7px 27px;
    margin: 0 0 10px 0;
}

.yx-batch-settlement:hover {
    color: #fff;
}

.yx-height740 {
    height: 740px;
}

.yx-modal2, .yx-modal7 {
    width: 440px;
    margin-left: -220px;
}

.yx-modal2.fade.in {
    top: 42%;
}

.yx-modal7.fade.in {
    top: 30%;
}

.yx-modal2 .modal-body {
    padding: 35px 15px;
    text-align: center;
}

.yx-bg63d979 {
    background: #63d979;
}

.yx-ml10 {
    margin-left: 10px;
}

.yx-ml8 {
    margin-left: 8px;
}

/************************************************************课程管理（排课管理）样式结束****************************/
/************************************************************财务结算（财务分成管理）样式**************************/
.yx-width106 {
    width: 106px;
}

.yx-width130 {
    width: 130px;
}

.yx-width766 {
    width: 76.6%;
}

.yx-colorfe6a6a {
    color: #fe6a6a;
}

/**************************************************************财务结算（财务分成管理）样式结束****************************/
/**************************************************************财务结算（分成结算管理）样式****************************/
.yx-bg91b4e6 {
    background: #91b4e6;
}

.yx-pb12 {
    padding-bottom: 12px;
}

.yx-modal3 {
    width: 440px;
    margin-left: -220px;
}

.yx-modal3.fade.in {
    top: 30%;
}

.yx-warn {
    width: 79px;
    height: 79px;
    margin: auto;
    margin-top: 7px;
    border: 4px #ffb4b1 solid;
    background: #fff;
}

.yx-warn h1 {
    text-align: center;
    line-height: 79px;
    color: #ff6766;
    font-size: 50px;
}

.yx-ask {
    text-align: center;
    font-size: 18px;
    padding-top: 23px;
}

.yx-bgfb8384 {
    background: #fb8384;
}

.yx-width190 {
    width: 190px;
}

.yx-modal-footer {
    text-align: center;
}

.yx-bg94b9ee {
    background: #94b9ee;
}

/**************************************************************财务结算（分成结算管理）样式结束****************************/
/**************************************************************卡管理（发卡管理）****************************************/
.yx-bg6bdee8 {
    background: #6bdee8;
}

.yx-width200 {
    width: 200px;
}

.yx-width85 {
    width: 85%;
}

.yx-width314 {
    width: 314px;
}

/*按首字母选择框*/
.kucity {
    font-family: "微软雅黑";
    font-size: 12px;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 378px;
    border: 1px solid #76de89;
    *border: 1px solid #76de89;
    padding: 10px;
    background: #fff;
}

.kucity h3 {
    font-size: 13px;
    font-weight: normal;
    color: #949495;
}

.kucity .kucity_nav {
    font-size: 0;
    padding-top: 10px;
    list-style: none;
}

.kucity .kucity_nav li {
    cursor: pointer;
    font-size: 13px;
    margin-left: -1px;
    border: 1px solid #dedede;
    display: inline-block;
    color: #949495;
    width: 94px;
    box-sizing: border-box;
    text-align: center;
    transition: all .2s;
    line-height: 28px;
}

.kucity .kucity_nav li.active {
    background-color: #78db88;
    border-color: #78db88;
    color: #fff;
}

/*kucity_body*/

.kucity .kucity_body {
    padding: 10px 5px;
    max-height: 230px;
    overflow-y: auto;
}

.kucity .kucity_body .kucity_item {
    display: none;
}

.kucity .kucity_body .kucity_item.active {
    display: block;
}

.kucity_item dt, .kucity_item dd {
    display: inline-block;
}

.kucity_item dl {
    padding: 3px 0;
}

.kucity_item dt {
    color: #78db88;
    font-size: 13px;
    font-weight: normal;
    padding-top: 5px;
    vertical-align: top;
    width: 10%;
}

.kucity_item dd {
    width: 90%;
}

.kucity_item dd span {
    width: 24%;
    display: inline-block;
    cursor: pointer;
    padding: 3px 0 3px 2px;
    border: 1px solid #eee;
    transition: all .3s;
    margin-left: -1px;
    margin-top: -1px;
}

.kucity_item dd span:hover {
    background: #78db88;
    color: #fff;
}

.kucity .result {
    list-style: none;
}

.kucity .result li {
    padding: 5px;
    background-color: #fff;
    margin: 2px 0;
    cursor: pointer;
    overflow: hidden;
}

.kucity .result li.active, .kucity .result li.active .letter {
    background-color: rgb(4, 168, 253);
    color: #fff;
}

.kucity .result li .letter {
    float: right;
    color: #999;
}

.kucity .result li .noresult {
    padding: 0 8px;
    color: rgb(253, 130, 27);
}

.kucity .result li:hover, .kucity .result li:hover > .letter {
    background-color: rgb(4, 168, 253);
    color: #fff !important;
}

/*滚动条*/
.kucity_body::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.kucity_body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
.kucity_body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #dedede;
}

.kucity_body::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

/**************************************************************卡管理（发卡管理）结束****************************************/
/**************************************************************会员管理（会员信息列表）**************************************/
.yx-order-course {
    color: #fff;
    padding: 5px 30px;
    margin-bottom: 10px;
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
}

.yx-member-info {
    padding: 20px 55px 25px 40px;
}

.yx-member-box td {
    border: 1px #e1e1e1 solid;
    border-collapse: collapse;
    padding: 6px 15px;
    line-height: 28px;
    font-size: 13px;
    color: #4f4f4f;
}
.yx-member-img-name {
    width: 120px;
    text-align: center !important;
    border-right: 1px #e1e1e1 solid !important;

}
.yx-member-img{
    width: 72px;
    height: 72px;
    box-shadow: none;

}
.yx-member-nickname{
    padding: 5px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.yx-member-con{
    width:90%;
    border:1px #e1e1e1 solid;
    float:left;
}
.yx-member-con tr td{
    border:none;
    text-align: right;
}

.yx-member-con tr td:nth-child(odd){
    border-top:1px #fff solid;
    text-align: right;
}

.yx-member-con tr:not(:first-child) td:nth-child(odd){
    background:#eff8fe;

}
.yx-member-con tr:first-child td:nth-child(even){
    background:#eff8fe;

}
.yx-member-con tr td:nth-child(even){
    border-top:1px #eff8fe solid;
}
.yx-member-con tr:first-child td{
    border-top:none;
}
.yx-member-con tr:last-child td{
    border-top:1px #e1e1e1 solid!important;
}
.yx-member-con tr:not(last-child) td:last-child{
    border-right:1px #e1e1e1 solid;
}
.yx-member-info-operation{
    padding:5px 16px 8px 12px;
    text-align: right;
    background:#fff!important;
}
.yx-padding15 {
    padding: 15px !important;
}

.yx-padding1 {
    padding: 10px 8px 3px 12px !important;
}

.yx-width585 {
    width: 585px;
}

.yx-width112 {
    width: 112px;
}

.yx-width84 {
    width: 84px;
}

.yx-width67 {
    width: 67px;
}

.yx-mr5 {
    margin-right: 5px!important;
}

.yx-mr4 {
    margin-right: 4px !important;
}

.yx-bg80d4ff {
    background: #80d4ff;
}

.yx-bgf8b551 {
    background: #f8b551;
}

.yx-bge1d857 {
    background: #e1d857;
}

.yx-colorffad32 {
    color: #ffad32;
}

.yx-bg79dae3 {
    background: #79dae3;
}

.yx-info {
    width: 16px;
    height: 16px;
    background: #ff6c6c;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    padding: 1px 5px;
}

.yx-width125 {
    width: 125px;
}

.yx-width440 {
    width: 440px;
}

/************************************************************会员管理（会员信息列表）结束*****************************/
/************************************************************会员管理（会员信息列表-预约）***************************/
.yx-color2eb2f3 {
    color: #2eb2f3;
}

.yx-pl20 {
    padding-left: 20px;
}

.yx-bg6accbf {
    background: #6accbf;
}

.yx-class-list ul li {
    font-size: 13px;
}

/*************************************************************会员管理（会员信息列表-预约）结束**************************************/
/*************************************************************会员管理（会员信息列表-会员信息详情）*******************************/
.yx-member-box1 {
    width: 1050px;
}

.yx-member-box1 td {
    text-align: right;
}

.yx-bg89c997 {
    background: #89c997;
}

.yx-bg7ecef4 {
    background: #7ecef4;
}

.yx-bg88abda {
    background: #88abda;
}

.yx-bgeeffef {
    background: #eeffef;
}

.yx-font16 {
    font-size: 16px !important;
}

/*************************************************************会员管理（会员信息列表-会员信息详情）结束**************************/
/*************************************************************会员管理（会员信息列表-收货地址管理）**************************/
.yx-cirle1 {
    line-height: 15px;
    border: 1px #fe6161 solid;
    text-align: center;
    padding: 0 2px;
    margin-right: 5px;
}

.yx-colorfe6161 {
    color: #fe6161;
}

.yx-ml6 {
    margin-left: 6px;
}

.yx-m6 {
    margin: 0 0 10px 6px;
}

.yx-font24 {
    font-size: 24px;
}

/**************************************************************会员管理（会员信息列表-收货地址管理）结束**************************/
/**************************************************************会员管理（会员信息列表-消费）**************************/
.yx-bg7ecef4 {
    background: #7ecef4;
}

.yx-bgff0000 {
    background: #ff0000;
}

.yx-search-prompt {

    width:100%;
    padding: 15px 20px 10px 42px;
}

.yx-search-prompt-con {
    display:none;
}

.yx-search-prompt-para {
    font-size:12px;
    line-height: 1.8;
}

.yx-how-search {

}

.yx-how-search-text {
    display: inline-block;
}

.yx-look-how-search {
    display: inline-block;
    padding:2px 8px;
    color:#57d9ad;
    border:1px #57d9ad solid;
    cursor: pointer;
}
.yx-search-goods-box{
    position:relative;
    padding-left:40px;
}
.yx-order-number{
    position:absolute;
    left:0;
    top:0;
    font-size: 30px;
    color: rgb(98, 199, 117);
    font-style: italic;
    margin-right: 15px;
}
.yx-search-goods-result{
    position:relative;
    padding: 0 20px 0 80px;
    margin-top:20px;
}
.yx-search-goods-result .docs-main{
    width:100%;
}
.yx-search-goods-result .yx-order-number{
    left:36px;
}
/**************************************************************会员管理（会员信息列表-消费）结束**************************/
/**************************************************************会员管理（会员信息列表-会员积分详情）**************************/
.yx-color3eab52 {
    color: #3eab52;
}

.yx-colorfe6666 {
    color: #fe6666;
}

.yx-color2cb4f3 {
    color: #2cb4f3;
}

.yx-total {
    padding: 9px 10px;
    width: 280px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    margin-bottom: 15px;
}

.yx-width168 {
    width: 168px !important;
}

.yx-pb0 {
    padding-bottom: 0;
}

.yx-bt {
    border-top: 1px #eee solid;
}

.yx-font18 {
    font-size: 18px;
}

.yx-modal6 {
    width: 1260px;
    margin-left: -630px;
}

.yx-ml75 {
    margin-left: 75px;
}

.yx-ml53 {
    margin-left: 53px;
}

.yx-ml69 {
    margin-left: 69px;
}

/**************************************************************会员管理（会员信息列表-会员积分详情）结束*******************/
/**************************************************************商品管理（课程管理情）**************************/
.yx-bgfbfbfb {
    background: #fbfbfb;
    border: 1px #eee solid;
}

.yx-bg65d1d4 {
    background: #65d1d4;
}

/**************************************************************商品管理（课程管理情）结束**************************/
/**************************************************************商品管理（乐器超市管理）****************/
.yx-goods-box {
    width: 700px;
    padding: 8px;
    background: #fff;
    border: 1px #eee solid;
}

.yx-img1 {
    width: 70px;
    height: 70px;
    border: 1px #e1e1e1 solid;
}

.yx-goods-box label {
    position: relative;
}

.yx-pl68 {
    padding-left: 68px;
}

.yx-bga9c5eb {
    background: #a9c5eb;
}

.yx-close-img {
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.yx-width188 {
    width: 188px;
}

.yx-width116 {
    width: 116px;
}

.yx-width7693 {
    width: 76.93%;
}

.yx-ml35 {
    margin-left: 35px !important;
}

.yx-course-info {
    width: 100%;
}

.yx-course-info2 {
    width: 65%;
}

.yx-course-info td {
    border: 1px #e1e1e1 solid;
    border-collapse: collapse;
    padding: 3px 15px;
    line-height: 28px;
    font-size: 13px;
    color: #4f4f4f;
}

.yx-course-info tr td:nth-child(odd) {
    width: 109px;
}

.yx-course-info1 tr td:nth-child(odd) {
    width: 148px;
}

.yx-course-info tr:nth-child(even) td:nth-child(odd) {
    background: #f8f8f8;
}

.yx-pb6 {
    padding-bottom: 6px;
}

.yx-pt15pl20 {
    padding: 15px 20px !important;
}

.yx-width109 {
    width: 109px;
}

.yx-width475 {
    width: 475px;
}

.yx-modal8 {
    width: 925px;
    margin-left: -462px;
}

.yx-modal8.fade.in {
    top: 2%;
}

/**************************************************************商品管理（乐器超市管理）结束****************/
/**************************************************************活动管理（商品活动管理）********************************/
.yx-bg98e1e3 {
    background: #98e1e3;
}

/**************************************************************活动管理（商品活动管理）结束******************************/
/**************************************************************订单管理（订单列表）*************************************/
.yx-bg71cfce {
    background: #71cfce;
}

.yx-order-zt {
    color: #50c9a8;
    border: 1px #50c9a8 solid;
    padding: 3px 15px;
    margin-left: 4px;
}

.yx-bold {
    font-weight: bold;
}

.yx-width780 {
    width: 780px;
}

/***************************************************************订单管理（订单列表）结束*********************************/
/***************************************************************家委会（提案管理）**************************************/
.yx-bg87acd9 {
    background: #87acd9;
}

.yx-colorfd6768 {
    color: #fd6768;
}

/***************************************************************家委会（提案管理）结束*********************************/
/***************************************************************家委会（活动管理）************************************/
.yx-name-box {
    border: 1px #eee solid;
    padding: 8px 10px;
}

.yx-name-list {
}

.yx-name-list h3 {
    color: #77da87;
    font-size: 16px;
    width: 25px;
    line-height: 32px;
}

.yx-name-group {
    width: 650px;
    box-sizing: border-box;
}

.yx-name-list span {
    position: relative;
    display: inline-block;
    margin-bottom: 9px;
    border: 1px #d2d2d2 solid;
    padding: 4px 0px 4px 10px;
    margin-right: 12px;
    width: 90px;
    box-sizing: border-box;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    -moz-border-radius: 16px;
    cursor: pointer;
}

.yx-a {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -4px;
    top: -5px;
    background: url(../images/click.png) no-repeat;
}

.yx-people-total {
    font-size: 13px;
    padding-top: 12px;
}

.yx-color88c1f8 {
    color: #88c1f8;
}

/**************************************************************家委会（活动管理）结束************************************/
.content {
    min-height: 820px !important;
    padding-top: 10px;
}
.skin-purple .wrapper, .content-wrapper {
    background-color: #efedee !important;
}

.sidebar-menu li {
    line-height: 20px !important;
}

.yx-nav-active {
    color: #fff;
    background: #0f0f15;
    border-left: 3px #3eab52 solid;
}

.content-header {
    padding: 10px 10px 0 15px !important;
}

.content-header h1 {
    padding-left: 36px !important;
    font-size: 14px !important;
    color: #464656;
}

/*后台主页面*/

.main-header {
    background-color: #fff;
}

.main-header .logo {
    background-color: #fff !important;
    color: #000 !important;
    width: 230px !important;
    padding-top: 12px !important;
    padding-right: 0 !important;
}

.main-header .logo .header-title {
    float: left;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
}

.main-header > .navbar {
    background-color: #fff !important;
}

.main-header .navbar .nav > li > a {
    color: #23232f !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.main-header .sidebar-toggle {
    color: #000 !important;
    padding: 15px 10px 10px 15px !important;
}

.zx-navbar-nav-circle {
    margin: 7px 14px 7px 0 !important;
    text-align: center;
}

.zx-navbar-nav-info {
    padding: 7px 15px !important;
}

.zx-dropdown-menu {
    width: 150px !important;
    min-width: 150px !important;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    right: auto !important;
}

.navbar-nav > .messages-menu > .dropdown-menu {
    margin: 3px 0 !important;
}

.nav-hover {
    background: rgba(0, 0, 0, 0) !important;
    cursor: pointer;
}

.zx-mg-mechanic {
    margin: 15px 20px 15px 20px;
}

.table-style {
    width: 100%;
}

#index_lock_screen {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #f7f9f8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1000;
}

#index_lock_screen .content2 {
    font-size: 14px;
    height: 134px;
    left: 50%;
    margin: -170px 0 0 -200px;
    padding: 28px;
    position: absolute;
    top: 68%;
    width: 400px;
}

#index_lock_screen .content2 h2 {
    height: 60px;
    line-height: 40px;
    padding: 10px 0;
    font-size: 20px;
    color: #444;
}

#index_lock_screen .form label {
    float: left;
    line-height: 24px;
    color: #444;
}

#index_lock_screen .form input {
    float: left;
    outline: none;
    margin-left: 15px;
}

#index_lock_screen .form .input_text {
    border: 1px solid #D0D0D0;
    font-size: 12px;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 2px 0 2px 5px;
    line-height: 18px;
    outline: none;
}

#index_lock_screen .form .submit {
    border: 0;
    height: 24px;
    width: 55px;
    cursor: pointer;
}

#index_lock_screen .content2 .show_lock_name_label {
    color: #444;
    line-height: 24px;
    margin-bottom: 10px;
}

#index_lock_screen .content2 .show_lock_name {
    color: #57d9ad;
    line-height: 24px;
    font-size: 17px;
    margin-left: 15px;
}
.main-footer{
    margin-top:8px;
}
.yx-member-info1-modal .modal-body {
    height: 420px;
}

.yx-chest-card-box, .yx-chest-card-box1 {
    width: 426px;
    height: 592px;
    margin: 0 auto;
    padding-top: 26px;
    box-sizing: border-box;
    text-align: center;

}

.yx-chest-card-box1 {
    position: relative;
}

.yx-chest-card-box .background1 {
    width: 356px;
    margin: auto;
}

.yx-chest-card-box .background2 {
    width: 100%;
}

.yx-chest-card-box1 .background3 {
    width: 100%;
    margin-top: 40px;
}

.yx-student-img-box {
    width: 257px;
    height: 257px;
    padding: 14px;
    margin: 16px auto 0 auto;
    background: #fff;
    border: 1px #c1c0bf solid;
    box-sizing: border-box;
}

.yx-student-img-box, .yx-student-img-box img {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.yx-student-img-box img {
    width: 229px;
    height: 229px;
}

.yx-member-student-name {
    /*padding: 28px 0 40px 0;*/
    padding:0px 0 25px 0;
    font-size: 30px;
    color: #040000;
    text-align: center;
}

.yx-member-student-name span {
    font-size: 31px;

}

.yx-subject-box {
    padding: 40px 0 0 15px;
}

.yx-subject-box h3 {
    font-size: 31px;
    color: #040000;
    display: inline-block;
    float: left;
}

.yx-subject-con {
    width: 206px;
    float: left;
}

.yx-subject-con li {
    width: 206px;
    height: 30px;
    margin-bottom: 18px;
    border-bottom: 2px solid #040000;
}

.yx-member-info1-ewm {
    position: absolute;
    z-index: 99;
    width: 180px;
    bottom: 150px;
    left: 50%;
    margin-left: -90px;
}

.yx-member-student-phone {
    position: absolute;
    width: 100%;
    z-index: 99;
    bottom: 96px;
    font-size: 25px;
    color: #040000;
    text-align: center;
}

.yx-member-student-phone span {
    font-size: 30px;
}

.yx-search-new {
    background: #57d9ad;
    border: none;
    color: #fff;
    padding: 5px 18px;
    margin-left: 10px;
}

.yx-searchs {
    background: #57d9ad;
    border: none;
    color: #fff;
    padding: 3px 18px;
    margin-left: 10px;
    display: inline-block;
}

.checkboxList li {
    float: left;
    padding: 3px 5px
}

.checkboxList li input {
    vertical-align: middle
}

.dm {
    margin: 0 -1px;
    display: inline-block;
    border: 1px solid #e1e1e1;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

#prints {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}


